<template>
  <div class="eq-container">
    <EquipmentCard v-for="item in equipList" :key="item.itemId" :itemData="item" />
  </div>
</template>

<script>
import request from '@/utils/request.js'
import EquipmentCard from '@/views/EquipmentCard'
export default {
  name: 'EquipmentPage',
  components: {
    EquipmentCard
  },
  async created() {
    const result = await request.get('https://game.gtimg.cn/images/lol/act/img/js/items/items.js?ts=2870586')
    this.equipList = result.data.items
    // console.log(this.equipList)
  },
  data() {
    return {
      equipList: []
    }
  }
}
</script>

<style scoped lang="scss">
.eq-container {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  flex-wrap: wrap;
}
</style>
